<!DOCTYPE html>
<html lang="en" xmlns:th = "http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>绑定银行卡</title>
</head>
<body>
<center>
    <form action="/e/bundling" method="post" >
        <table>
            <tr>
                <td>
                    请输入银行卡号:
                </td>
                <td>
                    <input type="text" name="cid" id="cid"
                           placeholder="请输入18-20位的银行卡号"
                           style="border-radius: 4px;"/>
                </td>
            </tr>
            <tr>
                <td>
                    请选择所属银行:
                </td>
                <td>
                    <select id="bank" name="bank" style="border-radius: 4px">
                        <option value="中国邮政银行">中国邮政银行</option>
                        <option value="中国农业银行">中国农业银行</option>
                        <option value="工商银行银行">工商银行银行</option>
                        <option value="中国建设银行">中国建设银行</option>
                        <option value="交通银行">交通银行</option>
                        <option value="中国银行">中国银行</option>
                        <option value="其他银行">其他银行</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td align="center" colspan="2">
                    <input type="submit" name="bundling" value="提交银行卡" style="border-radius: 4px">
                </td>

            </tr>
        </table>





    </form>
    已绑定银行卡：
    <table>
        <tr th:each="bank:${banks}" >
            <td th:text="${bank.getBank()}"></td>
            <td th:text="${bank.getCId()}"></td>
        </tr>
    </table>
</center>


<!--
<table border="1" width="1000">
    <thead>
    <tr>
        <td>银行卡号</td>
        <td>所属银行</td>
    </tr>
    </thead>
    <tr th:each = "item:${virtualBankCards}">
        <td th:text="${item.cId}"></td>
        <td th:text="${item.bank}"></td>
    </tr>
</table>
-->
</body>
</html>